<template>
  <div class="sc-page-list">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <div class="box">
          <slot name="header"></slot>
        </div>
      </div>
      <div class="sc-page-list-filter">
        <slot name="filter"></slot>
      </div>
      <div class="sc-page-list-top-button">
        <slot name="topButton"></slot>
      </div>
      <div class="sc-page-list-tab">
        <slot name="tab"></slot>
      </div>
      <div class="sc-page-list-tips">
        <slot name="tips"></slot>
      </div>
    </el-card>
    <div class="sc-page-list-table">
      <slot name="table"></slot>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
  .box {
    width: 100%;
    height: 100%;
    padding: 18px 20px;
  }
</style>
